<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8" />
    <title>我的预约-我的学员</title>
    <link rel="stylesheet" href="../css/personage.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../underscore/underscore-min.js"></script>
    <script type="text/javascript" src="../js/list_more.js"></script>
    <script type="text/javascript" src="../js/paging.js"></script>
</head>
<body class="background_grey">
    <div class="header">
        <div class="header_in">
            <div class="header_logo">
                <h1></h1>
                <img src="../images/index_log.jpg" /> 
            </div>
            <div class="header_nav">
                <ul>
                    <li><a href="model_news_list.html">前沿资讯</a></li>
                    <li><a href="model_problem_list.html">互动问答</a></li>
                    <li><a href="model_personage_center.html">帮助中心</a></li>
                </ul>
            </div>
            <div class="header_info">
                <div class="header_info_find"><a href="model_person_index.html">寻找合作伙伴</a></div>
                <div class="header_greet">
                    enzo，您好
                </div>
                <div class="header_register display_none">
                    <a href="#">登录</a>|
                    <a href="#">注册</a>
                </div>
                <div class="header_exit">
                    <a href="#">我的项目</a>|
                    <a href="#">退出</a>
                </div>
                <div class="header_become display_none">
                    <a href="#">成为我们的专家</a>
                </div>
            </div>
            <div class="clear_both"></div>
        </div>
    </div>
    <div class="personage_wrap">
        <div class="personage_nav">
            <div class="personage_nav_title">账户</div>
            <ul class="personage_nav_list">
                <li class="active item1">
                    <span></span>动态
                </li>
                <li class="item2">
                    <span></span>我的钱包
                </li>
                <li class="item3">
                    <span></span>实名认证
                </li>
                <li class="item4">
                    <span></span>账户安全
                </li>
                <li class="item5">
                    <span></span>人才归档
                </li>
            </ul>
            <div class="personage_nav_title">任务管理</div>
            <ul class="personage_nav_list">
                <li class="item6">
                    <span></span>我的预约
                </li>
                <li class="item7">
                    <span></span>我的项目
                </li>
                <li class="item8">
                    <span></span>我的问答
                </li>
            </ul>
            <div class="personage_nav_title">消息</div>
            <ul class="personage_nav_list">
                <li class="item9">
                    <span></span>消息中心<i>10</i>
                </li>
            </ul>
            <div class="personage_nav_title">我的收藏</div>
            <ul class="personage_nav_list">
                <li class="item10">
                    <span></span>收藏的资讯
                </li>
                <li class="item11">
                    <span></span>收藏的人才
                </li>
                <li class="item12">
                    <span></span>收藏的问答
                </li>
                <li class="item13">
                    <span></span>收藏的项目
                </li>
            </ul>
        </div>
        <div class="personage_main my_purse">
            <div class="personage_main_in">
                <div class="my_deal_tab color_333" id="deal_tab">
                    <ul>
                        <li class="item active">我预约的人才</li>
                        <li class="item margin">预约我的学员</li>
                    </ul>
                </div>
                <!-- <div class="my_subscribe_title">
                    <a href="#" class="color_309bff">我预约的人才</a>
                    &gt;
                    <a href="#" class="color_333">预约详情</a>
                </div> -->
                <div class="my_deal_list">
                    <div class="my_deal_list_item">
                        <div class="title">
                            <span class="num color_aaa">项目编号：RC1235343</span>
                            <span class="time color_aaa">发起时间：2016-12-6</span>
                            <span class="status color_333">待交保证金</span>
                        </div>
                        <div class="main">
                            <div class="img border_radius_50"><img src="../images/team_introduce_img.jpg" alt="" /></div>
                            <div class="main_info">
                                <div class="main_info_name color_333">航空发动机/燃气轮机总体性能相关</div>
                                <div class="main_info_person">
                                    <span class="color_333">Hero张</span>
                                    <span class="color_aaa">热能动力工程师</span>
                                    <span class="phone color_aaa">15822233114</span>
                                </div>
                                <div class="main_info_icon color_aaa">
                                    <span class="require">面谈</span>
                                    <span>30天</span>
                                    <span class="phone">15822233114</span>
                                </div>
                            </div>
                            <div class="btn">
                                <div class="btn_item"><a href="" class="btn_blue_blank">提醒人才</a></div>
                                <div class="btn_item last"><a href="" class="btn_blue_blank">取消预约</a></div>
                            </div>
                            <div class="clear_both"></div>
                        </div>
                    </div>
                    <div class="my_deal_list_item">
                        <div class="title">
                            <span class="num color_aaa">项目编号：RC1235343</span>
                            <span class="time color_aaa">发起时间：2016-12-6</span>
                            <span class="status color_333">待交保证金</span>
                        </div>
                        <div class="main">
                            <div class="img border_radius_50"><img src="../images/team_introduce_img.jpg" alt="" /></div>
                            <div class="main_info">
                                <div class="main_info_name color_333">航空发动机/燃气轮机总体性能相关</div>
                                <div class="main_info_person">
                                    <span class="color_333">Hero张</span>
                                    <span class="color_aaa">热能动力工程师</span>
                                    <span class="phone color_aaa">15822233114</span>
                                </div>
                                <div class="main_info_icon color_aaa">
                                    <span class="require">面谈</span>
                                    <span>30天</span>
                                    <span class="phone">15822233114</span>
                                </div>
                            </div>
                            <div class="btn">
                                <div class="btn_item"><a href="" class="btn_blue_blank">提醒人才</a></div>
                                <div class="btn_item last"><a href="" class="btn_blue_blank">取消预约</a></div>
                            </div>
                            <div class="clear_both"></div>
                        </div>
                    </div>
                    <div class="my_deal_list_item">
                        <div class="title">
                            <span class="num color_aaa">项目编号：RC1235343</span>
                            <span class="time color_aaa">发起时间：2016-12-6</span>
                            <span class="status color_333">待交保证金</span>
                        </div>
                        <div class="main">
                            <div class="img border_radius_50"><img src="../images/team_introduce_img.jpg" alt="" /></div>
                            <div class="main_info">
                                <div class="main_info_name color_333">航空发动机/燃气轮机总体性能相关</div>
                                <div class="main_info_person">
                                    <span class="color_333">Hero张</span>
                                    <span class="color_aaa">热能动力工程师</span>
                                    <span class="phone color_aaa">15822233114</span>
                                </div>
                                <div class="main_info_icon color_aaa">
                                    <span class="require">面谈</span>
                                    <span>30天</span>
                                    <span class="phone">15822233114</span>
                                </div>
                            </div>
                            <div class="btn">
                                <div class="btn_item"><a href="" class="btn_blue_blank">提醒人才</a></div>
                                <div class="btn_item last"><a href="" class="btn_blue_blank">取消预约</a></div>
                            </div>
                            <div class="clear_both"></div>
                        </div>
                    </div>
                </div>
                <!-- <div class="my_purse_cancel_succeed">
                    <div class="title color_333">您已取消服务</div>
                    <p class="detail color_aaa">原因：不小心拍错话题，多有打扰，抱歉</p>
                </div>
                <div class="my_purse_cancel">
                    <div class="title color_333">您提出取消预约</div>
                    <p class="detail color_aaa">原因：“<span>最近时间安排有变，希望下次有机会再约。</span>”</p>
                    <div class="hint">如果人才在<span class="color_ff3d3d">71</span>小时<span class="color_ff3d3d">58</span>分内没有处理，系统将默认其同意取消。</div>
                    <div class="btn">
                        <span class="btn_gray_blank">不同意</span>
                        <span class="btn_blue">同意</span>
                    </div>
                </div>
                <div class="my_purse_chat">
                    <p class="detail color_aaa">人才建议面谈的时间地点（您如果对时间地点有其他建议可以和人才进行电话沟通）</p>
                    <div class="time color_333">
                        <span>2016/10/23  12：00</span>
                        <span>天河城太平洋咖啡</span>
                    </div>
                </div>
                <div class="my_purse_problem">
                    <div class="title color_333">我想请教的问题</div>
                    <p class="describe color_aaa">我是一个开发团队的负责人，最近在项目管理和开发上有比较多的问题，想向老师您请教一下</p>
                </div>
                <div class="my_purse_problem">
                    <div class="title color_333">我的个人简介</div>
                    <p class="describe color_aaa">我下周基本都有空，老师您看情况，时间地点我都可以</p>
                </div>
                <div class="my_purse_evaluate">
                    <div class="title class_333">服务已结束，请马上评价</div>
                    <div class="star">
                        <span class="star_font color_aaa">服务评分:</span>
                        <ul class="star_list">
                            <li class="star_item active"></li>
                            <li class="star_item active"></li>
                            <li class="star_item active"></li>
                            <li class="star_item active"></li>
                            <li class="star_item"></li>
                        </ul>
                    </div>
                    <div class="text">
                        <textarea name="" id="" placeholder="说两句吧···"></textarea>
                    </div>
                    <div class="btn">
                        <div class="btn_in btn_blue">提交评价</div>
                    </div>
                </div>
                <div class="my_purse_evaluate_mine">
                    <div class="star">
                        <span class="star_font color_333">学员对我的评价</span>
                        <ul class="star_list">
                            <li class="star_item active"></li>
                            <li class="star_item active"></li>
                            <li class="star_item active"></li>
                            <li class="star_item active"></li>
                            <li class="star_item"></li>
                        </ul>
                    </div>
                    <p class="detail color_aaa">老师的回答很专业！解决一直困扰我们团队建设中的大难题</p>
                </div> -->
            </div>    
        </div>
    </div>
    <div class="index_footer">
        <div class="index_footer_link">
            <a href="">新闻公告</a>|
            <a href="">关于我们</a>|
            <a href="">联系我们</a>|
            <a href="">用户协议</a>
        </div>
        <p class="index_footer_copy">Copyright©2016 yk-zb.com 粤科众包 版权所有 粤ICP备16027165号-1</p>
    </div>
    <div class="shadow">
        <div class="my_subscribe_shadow">
            <div class="title color_aaa">提示</div>
            <div class="describe color_333">您确定要取消此次预约吗？</div>
            <div class="btn">
                <div class="btn_item btn_gray_blank left">取消</div>
                <div class="btn_item btn_blue right">确定</div>
            </div>
            <div class="close">X</div>
        </div>
        <div class="my_subscribe_address_shadow">
            <div class="title color_aaa">请填写建议的地点和时间</div>
            <div class="item1">
                <div class="name color_333">建议地点</div>
                <input type="text" />
            </div>
            <div class="item2">
                <div class="name">建议地点</div>
                <input type="text" class="date"/>
                <input type="text" class="time"/>
            </div>
            <div class="btn">
                <div class="del btn_gray_blank">取消</div>
                <div class="sure btn_blue">确定</div>
            </div>
        </div>
    </div>
</body>
</html>
<script type="text/javascript">
    $(function() {
        /*左边导航*/
        (function fnTab(){
            for( var i = 0; i< $('.personage_nav li').length; i++){
                if($('.personage_nav li').eq(i).hasClass('active')){
                    console.log(i);
                    var index = i;
                }
            }

            $('.personage_nav li').hover(function() {
                $('.personage_nav li').eq(index).addClass('active');
                $(this).addClass('active');
            }, function() {
                $(this).removeClass('active');
                $('.personage_nav li').eq(index).addClass('active');
            });
                
        })();
        
    });
</script>